
/**
 * @author Deng NaiWen
 * @param {*} text :显示的文本
 * @param {*} duration  显示的持续时间
 * 注意：需要jQuery2.x以上支持
 * 例子：
 * showDialog("添加成功", 2000);
 */
function showDialog(text, duration) {
    $newShow = $("<div class='showDialog'></div>");
    //设置样式
    $newShow.css({
    "width":"fit-content",
    "height":"30px",
    "line-height":"30px",
    "font-size": "18px",
    "text-align": "center",
    "position": "fixed",
    "padding":"0 5px",
    "border":"5px solid lightblue",
    "color":"lightblue",
    "top":"50%",
    "left":"50%",
    "background-color":'snow',
    "display":"none"
    });
    //设置文本
    $newShow.text(text);
    //添加到页面上：固定定位
    $('body').append($newShow);
    //设置水平居中
    $newShow.css({
        'left':`${innerWidth/2 -parseInt($newShow.width())/2}px`
    })
    //淡入
    $newShow.fadeIn();
    //设置延时定时器用于删除标签
    setTimeout(() => {
        $newShow.fadeOut(function(){
            $(this).remove()
        });
    }, duration);
};
